<template>
    <div>
        <el-pagination
            background
            @current-change="handleCurrentChange"
            :current-page.sync="currentPage3"
            :page-size="10"
            layout="prev, pager, next, jumper"
            :total="total"
        ></el-pagination>
    </div>
</template>
<script>
   export default {
        name:'Sorter',
        props:{
            total:Number,
        },
        data() {
            return {
                currentPage3: 1,
            };
        }, 

        methods:{
            handleCurrentChange(val) {
                this.$emit('sorter',val)
            },
        }
   };
</script>
<style scoped>

</style>